<%@page contentType="text/html;charset=UTF-8"%>
<%@page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<style type="text/css">
	.idArea{
		float:left;
		margin-right: 10px; 
		vertical-align:middle;
		height: 50px;
	}
	
	#idEtcPanel{
		clear: both;
		margin-top: 60px;
	}
	
	#loginFieldSet{
		width: 400px;
	}
	
	#loginFieldSet label{
		width: 80px; 
		float:left; 
		display : block; 
		text-align: right;
	}
	
	#loginPanel{
		width: 1024px;
		height: 400px;
		position: relative;
		top:50px;
		left:30%;
	}
	
	#btnLogin{
		vertical-align:middle;
		height: 100%;
	}
	
</style>
<div id="loginPanel">
	<form id="idForm" name="idForm">
		<fieldset id="loginFieldSet">
			<legend><fmt:message key="login.login"/></legend>
			<div id="idInputPanel" class="idArea">
				<label><fmt:message key="id"/> : </label>
				<input type="text" name="id"><br/>
				<label><fmt:message key="password"/> : </label>
				<input type="text" name="password">
			</div>
			<div id="loginButtonPanel" class="idArea">
				<button id="btnLogin"><fmt:message key="login.login"/></button><br/>
			</div>
			<div id="idEtcPanel">
				<input type="checkbox" name="saveId" value="true" /><fmt:message key="saveId"/><br/>
				<a href="./lostId"><fmt:message key="lostId"/></a><br/>
				<a href="./join"><fmt:message key="join"/></a>
			</div>
		</fieldset>
	</form>
</div>